@charset "utf-8";
.hide{display:none;}
.slideBox{ width:100%;position:relative;overflow:hidden;/*margin-top:1px;*/}
.slideBox *{ font-size:0; }
.slideBox .prev,
.slideBox .next{ width:40px; height:40px; background:hsla(0,0%,100%,.2); border-radius:30px; left:3%; bottom:30px; position:absolute; z-index:12; cursor:pointer; text-align:center; }
.slideBox .next{ left:auto; right:3%; }
.slideBox .styles__arrow{ height:20px; width:20px; margin-top:10px; }
.slideBox .prev:hover,
.slideBox .next:hover{ background:hsla(0,0%,100%,.4); }
.slideBox .hd{ width:100%; position:absolute; z-index:1; bottom:30px; text-align:center;  }
.slideBox .hd ul{ display:inline-block; }
.slideBox .hd ul li{ display:inline-block; padding:5px 5px; cursor:pointer; margin:0 5px; font-size:0; position:relative; }
.slideBox .hd ul li:after{ display:block; width:14px; height:14px; border-radius:50%; opacity:0.4;filter:alpha(opacity=40); cursor:pointer; background:#fff; content:''; }
.slideBox .hd ul .on:after{ opacity:60;filter:alpha(opacity=60); }
.slideBox .bd{ position:relative; z-index:0; }
.slideBox .bd li{ position:relative; }
.slideBox .bd li img{width:100%;}

.slideBox .bd li .text{ position:absolute; z-index:6; left:14%; top:50%; margin-top:-40px; }
.slideBox .bd li .text .a{ color:#fff; font-size:35px; display:none; }
.slideBox .bd li .text .b{ color:#fff; font-size:35px; display:none; }
/*--banner end--*/

#pro-overview{float:left;width:100%; background:#545456;padding:20px 0;}
.pro-top{}
.pro-top ul{width:1212px;padding-left:-12px;}
.pro-top ul li{float:left;padding:0 0 0 12px;}
.pro-top ul li img{height:370px;overflow:hidden;}
.pro-bottom ul{width:1212px;padding-left:-12px;}
.pro-bottom ul li{float:left;padding:12px 0 0 12px;}
.pro-bottom ul li img{width:392px;height:370px;}

.indexlist{float:left;width:17%; display:block;}
.indexlist h1{float:left;width:100%;height:40px;text-align:center;background:#5195c4;font:16px/40px 'Microsoft Yahei';color:#FFF;}
.indexlist dl{float:left;width:100%; background:#efefef;}
.indexlist dl dt{float:left;width:100%;color:#FFF;}
.indexlist dl dt a{display:block;width:85%;background:url(../images/arrow.png) 85% center no-repeat #545456;padding-left:15%;color:#FFF;font:14px/35px 'Microsoft Yahei';}
.indexlist dl dd{float:left;width:100%;border-bottom:#d8d8d8 1px solid;}
.indexlist dl dd a{display:block;width:85%;background:url(../images/arrow_01.png) 8% center no-repeat;padding-left:15%;font:14px/35px 'Microsoft Yahei';}
.indexlist dl dd a:hover{background:url(../images/arrow_01.png) 8% center no-repeat #5195c4;color:#fff;}

.hotpro{float:right;width:81%;border:#d8d8d8 1px solid;padding:1px;}
.prolist{float:left;width:100%;padding-top:20px;}
.prolist dl{float:left;width:44%;margin:0 3% 20px;}
.prolist dl dt{float:left;width:40%;border:#efefef 1px solid;margin-right:4%;}
.prolist dl dt img{max-width:100%;}
.prolist dl dd{float:left;width:55%}
.prolist dl dd h2 a{font-size:14px;}
.prolist dl dd p{line-height:24px;color:#9b9b9b;}
.prolist dl dd .more a{color:#ff5c01;}

.indexad{float:left;width:100%;text-align: center;overflow: hidden;position: relative;clear:both;z-index: -1;}
.indexad img {display: block;z-index:-1;width:100%;}
.indexad_m{display:none;}

.indexnews{float:left;width:49%;border:#d8d8d8 1px solid;padding:1px;}
.indexnews ul{float:left;width:94%;padding:2% 3% 5%;}
.indexnews ul li{float:left;width:95%; background:url(../images/arrow_02.png) 2% center no-repeat;padding-left:5%;border-bottom:#d8d8d8 1px dashed;}
.indexnews ul li a{display:block;line-height:35px;}

.indexnews1{float:right;width:49%;border:#d8d8d8 1px solid;padding:1px;}
.indexnews1 ul{float:left;width:94%;padding:2% 3% 5%;}
.indexnews1 ul li{float:left;width:95%; background:url(../images/arrow_02.png) 2% center no-repeat;padding-left:5%;border-bottom:#d8d8d8 1px dashed;}
.indexnews1 ul li a{display:block;line-height:35px;}

 .simple {
     width:100%;
 }
.simple .home_middle {
    padding:6em 0;
    text-align: center;
}
#peculiarity {
    margin-bottom:36px;
}
.home_middle_txt {
    font-size: 0.875em;
    color:#666;
    line-height: 1.5;
}
.home_middle_txt_spel {
    line-height: 1.8;
}
.simple .exhibition {
    margin-top:80px;
    width:100%;
}
.simple .exhibition ul {
    width:100%;
    display:flex;
    flex-wrap: wrap;
}
.simple .exhibition ul li {
    width:25%;
    /*flex:1;*/
}
.simple .exhibition ul li:nth-child(n+5) {
    margin-top:84px;
}
.simple .exhibition ul li .exhibition_icon_text {
    font-size:0.75em;
    color:#666;
    line-height: 1.5;
}

.exhibition_icon_txt{
    font-size: 16px;
    color: #e2494d;
    font-weight: 400;
    margin: 32px 0 24px 0;
}

.products_show {
    width:100%;
    background: #F3F7Fa;
}
.products_show .prod_wrap {
    display:flex;
    color:#fff;
}
.products_show .prod_wrap>div {
    width:25%;
    height:28.75em;
    flex:1;
    text-align: center;
}
.products_show .prod_wrap p {
    font-size:0.75em;
    color: #ffffff;
    line-height: 1.5;
}
.products_show .prod_wrap .pro_model:nth-child(1) {
    background:url() no-repeat;
}
.products_show .prod_wrap .pro_model:nth-child(3) {
    background:url() no-repeat;
}
.products_show .prod_wrap .pro_model_desc a {
    display:block;
    width:100%;
    height:28.75em;
    overflow: hidden;
    position: relative;
}
.products_show .prod_wrap .pro_model_desc a .shadow img{
    width: 3.375em;
    height: 54px;
    margin:220px 0 37px 0;
}

.resolve {
    padding-bottom: 68px;
}
.resolve , .resolve .resolve_middle {
    width:100%;
    text-align: center;

}
.resolve .resolve_middle h2 {
    margin: 68px 0;
}
.resolve .resolve_middle a {
    display:block;
    width:100%;
    height:356px;
    overflow: hidden;
    position: relative;
}
.resolve .resolve_middle a .home_resolve_show .home_resolve_show_txt {
    font-size: 1em;
    color: #fff;
    margin:145px 0 24px 0;
}
.resolve .resolve_middle a .home_resolve_show .home_resolve_show_text {
    font-size: 0.75em;
    color: #fff;
}

.system_effect {
    background: #f3f7fa;
    padding-bottom: 68px;
    text-align: center;
}
.system_effect h2{
    padding: 68px 0 36px 0;
}

.effect_video {
    width: 100%;
    margin-top: 48px;
}
.effect_video video {
    width: 100%;
    height: auto;
}

.effect_video video{
    border: 1px solid #454545;
}
.system_effect .des {
    padding: 3em 0 4em 0;
    font-size: 0.875em;
    color:#666;
    line-height: 1.5;
}

.partner {
    width:100%;
    padding-bottom:47px;
    margin: 1.5em 0 1.5em 0;
    background: #f3f7fa;
    text-align: center;
}
.partner .title h2 {
    /*margin: 72px 0;*/
    padding: 72px 0;
}
.partner .all_partner, .partner .all_partner ul {
    display:flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.partner .all_partner, .partner .all_partner .last_row {
    justify-content: start;
}
/* .partner .all_partner, .partner .all_partner .last_row li:last-child { */
.partner .all_partner, .partner .all_partner .last_row li {
    margin-left: 15px;
}
.partner .all_partner, .partner .all_partner .last_row li:first-child {
    margin-left: 0;
}
.partner .all_partner ul li {
    /*flex:1;*/
    /* width: 11.25em; */
    width: 8.125em;
    height: 3.75em;
    /* margin-right:25px; */
    margin-bottom:1.25em;
}
.partner .all_partner ul li p {
    font-size:0.875em;
    color: #777;
    height: 3.75em;
    line-height: 60px;
    text-align: center;
}
.partner .all_partner ul li img {
    /* width: 11.25em; */
    width: 8.125em;
}
/* .partner .all_partner ul li:nth-child(5n) {
    margin-right: 0;
} */
.success,.success .success_middle {
    width:100%;
    height:500px;
    background:#f3f7fa;
}
.success .success_middle .success_wrap {
    width:30em;
    height:296px;
    background: #fff;
    transform: translateY(132px);
    float:left;

    /*padding:40px;*/
}
.success .success_middle .success_wrap .success_wrap_txt {
    width:100%;
    padding:40px;

}
.success .success_middle .success_wrap .success_wrap_txt h3 {
    font-size: 1.5em;
    line-height: 1;
    color:#333;
    margin: 0;
}
.success .success_middle .success_wrap .success_wrap_txt .success_wrap_txt_pad {
    margin:14px 0 36px 0;
}
.success .success_middle .success_wrap .success_wrap_txt p {
    font-size:0.875em;
    color:#888;
    line-height: 1.5;
}
.success .success_middle .success_wrap .success_wrap_txt .coop {
    width:100%;
    height:42px;
}
.success .success_middle .success_wrap .success_wrap_txt .coop a {
    display:block;
    width:11em;
    height:42px;
    line-height:42px;
    color:#fff;
    background: #fdc641;
    border-radius:4px;
    float:left;
    margin:42px 42px 0 0;
}
.success .success_middle .success_wrap .success_wrap_txt .coop a img {
    vertical-align: middle;
    margin:0 24px;
}
.success .success_middle .photo {
    width:32.25em;
    height:100%;
    float:right;
    background: url() no-repeat;
}

.skip ,.skip .skip_wrap {
    width:100%;
    padding:15px 0 5px 0;
    display:flex;
}
.skip .skip_wrap ul {
    flex:1;
    width:25%;
}
.skip .skip_wrap ul li {
    font-size:1em;
    margin-bottom: 15px;
    text-align: center;
}
.skip .skip_wrap ul a {
    display:block;
    width:100%;
    margin-bottom: 10px;
    font-size:0.75em;
    color:#888;
}

  .index_case{width: 100%;overflow: hidden;background-color: #eee;padding: 3% 0 4% 0;}
.index_case_hea{text-align: center;overflow: hidden;}
.index_case_hea p{color: #666;font-size: 1.8em;margin-top: 0.1%;display: block;line-height: 1.2em;}
#hangye {margin-bottom:36px;}
.index_case_n{width: 64%;overflow: hidden;margin: 0 auto;margin-top: 3%;}
.index_case_n .index_case_n_one{width: 33.3333%;float: left;position: relative;height: 480px;overflow: hidden;}
.index_case_n .index_case_n_one a{ width:100%; height:100%; overflow:hidden; display:block;}
.index_case_n .index_case_n_one .bjt{width: 100%;height: 100%;}
.index_case_n .index_case_n_one .bjt img{width: 100%;height:100%;transition: all ease 0.8s;-webkit-transition: all ease 0.8s;}
.index_case_n .index_case_n_one:hover .bjt img{transform: scale(1.1,1.1);transition: all ease 0.8s;-webkit-transition: all ease 0.8s;}
.index_case_n .index_case_n_one .txt{position: absolute;left: 0;top: 0;width: 100%;}
.index_case_n .index_case_n_one .txt h1{float: right;margin-right: 8%;margin-top: 10%;}
.index_case_n .index_case_n_one .txt h1 img{}
.index_case_n .index_case_n_one .txt h2{float: left;width: 100%;margin-top:30%;text-align: center; color:#fff;}
.index_case_n .index_case_n_one .txt h2 p{font-size: 1.1em;}
.index_case_n .index_case_n_one .txt h2 span{display: block;margin-top: 2%;font-size: 1.0em;}
.index_case_n .index_case_n_one .txt h2 t{display:block;border-bottom:2px solid rgba(255, 255, 255, 0.45);width: 7%;margin:0 auto;margin-top: 3%;}
.index_case_n .index_case_n_one .txt h2 b{    width: 70%;display: block;margin: 0 auto;margin-top: 4%;
    font-size: 1.2em;color: rgba(255, 255, 255, 0.9);}
.index_case_n .index_case_n_one .txt h2 f{display: block;border: 1px solid rgba(255, 255, 255, 0.56);width: 26%;line-height: 1.9em;
    margin: 0 auto;margin-top: 6%;font-size: 0.5em;text-transform: uppercase;}
.index_case_n .index_case_n_one:hover .txt h2 f{background: #5A88C6; }

.index_case_n .index_case_n_two{width: 33.3333%;float: left;height: 480px;overflow: hidden;}
.index_case_n .index_case_n_two .top{ width:100%; height:240px;position: relative;}
.index_case_n .index_case_n_two .top a{ width:100%; height:100%; overflow:hidden; display:block;}
.index_case_n .index_case_n_two .top .bjt{width: 100%;height: 100%;}
.index_case_n .index_case_n_two .top .bjt img{width: 100%;height:100%;transition: all ease 0.8s;-webkit-transition: all ease 0.8s;}
.index_case_n .index_case_n_two .top:hover .bjt img{transform: scale(1.1,1.1);transition: all ease 0.8s;-webkit-transition: all ease 0.8s;}
.index_case_n .index_case_n_two .top .txt{position: absolute;left: 0;top: 0;width: 100%;}
.index_case_n .index_case_n_two .top .txt h1{float: right;margin-right: 8%;margin-top:6%;}
.index_case_n .index_case_n_two .top .txt h1 img{}
.index_case_n .index_case_n_two .top .txt h2{float: left;width: 100%;text-align: center; color:#fff;}
.index_case_n .index_case_n_two .top .txt h2 p{font-size: 1.1em;}
.index_case_n .index_case_n_two .top .txt h2 span{display: block;margin-top: 3%;font-size: 1.0em;}
.index_case_n .index_case_n_two .top .txt h2 t{display:block;border-bottom: 2px solid rgba(255, 255, 255, 0.45);width: 7%;margin:0 auto;margin-top: 3%;}
.index_case_n .index_case_n_two .top .txt h2 f{display: block;border: 1px solid rgba(255, 255, 255, 0.56);width: 26%;line-height: 1.9em;margin: 0 auto;margin-top: 4%;
    font-size: 0.5em;
    text-transform: uppercase;}
.index_case_n .index_case_n_two .top:hover .txt h2 f{background: #5A88C6;}

.index_case_n .index_case_n_two .bottom{ width:100%; height:240px;position: relative;background-color: #5195c4;}
.index_case_n .index_case_n_two .bottom a{ width:100%; height:100%; overflow:hidden; display:block;}
.index_case_n .index_case_n_two .bottom .bjt{width: 100%;height: 100%; opacity:0;}
.index_case_n .index_case_n_two .bottom .bjt img{width: 100%;height:100%;}
.index_case_n .index_case_n_two .bottom:hover .bjt{ opacity:1;transition: all 0.3s linear 0s;-webkit-transition: all 1s linear 0s;}
.index_case_n .index_case_n_two .bottom .txt{position: absolute;left: 0;top: 0;width: 100%;}
.index_case_n .index_case_n_two .bottom .txt h1{float: right;margin-right: 8%;margin-top:6%;}
.index_case_n .index_case_n_two .bottom .txt h1 img{}
.index_case_n .index_case_n_two .bottom .txt h2{float: left;width: 100%;text-align: center; color:#fff;}
.index_case_n .index_case_n_two .bottom .txt h2 p{font-size: 1.1em;}
.index_case_n .index_case_n_two .bottom .txt h2 span{display: block;margin-top: 2%;font-size: 1.0em;}
.index_case_n .index_case_n_two .bottom .txt h2 t{display:block;border-bottom: 2px solid rgba(255, 255, 255, 0.45);width: 7%;margin:0 auto;margin-top: 3%;}
.index_case_n .index_case_n_two .bottom .txt h2 f{display: block;border: 1px solid rgba(255, 255, 255, 0.56);width: 26%;
    line-height: 1.9em;margin: 0 auto;margin-top: 4%;font-size: 0.5em;text-transform: uppercase;}
.index_case_n .index_case_n_two .bottom:hover .txt h2 f{background:#009cf9; }

.index_case_n .index_case_n_three{width: 33.3333%;float: left;height: 480px;overflow: hidden;}
.index_case_n .index_case_n_three .top{ width:100%; height:240px;position: relative; background:#5195c4;}
.index_case_n .index_case_n_three .top a{ width:100%; height:100%; overflow:hidden; display:block;}
.index_case_n .index_case_n_three .top .bjt{ opacity:0;width: 100%;height: 100%;}
.index_case_n .index_case_n_three .top .bjt img{ width:100%; height:100%;}
.index_case_n .index_case_n_three .top:hover .bjt{ opacity:1;transition: all 0.3s linear 0s;-webkit-transition: all 1s linear 0s;}
.index_case_n .index_case_n_three .top .txt{position: absolute;left: 0;top: 0;width: 100%;}
.index_case_n .index_case_n_three .top .txt h1{float: right;margin-right: 8%;margin-top:6%;}
.index_case_n .index_case_n_three .top .txt h1 img{}
.index_case_n .index_case_n_three .top .txt h2{float: left;width: 100%;text-align: center; color:#fff;}
.index_case_n .index_case_n_three .top .txt h2 p{font-size: 1.1em;}
.index_case_n .index_case_n_three .top .txt h2 span{display: block;margin-top: 3%;font-size: 1.0em;}
.index_case_n .index_case_n_three .top .txt h2 t{display:block;border-bottom: 2px solid rgba(255, 255, 255, 0.45);width: 7%;margin:0 auto;margin-top: 3%;}
.index_case_n .index_case_n_three .top .txt h2 f{display: block;border: 1px solid rgba(255, 255, 255, 0.56);width: 26%;line-height: 1.9em;
    margin: 0 auto;margin-top: 4%;font-size: 0.5em;text-transform: uppercase;}
.index_case_n .index_case_n_three .top:hover .txt h2 f{background: #009cf9; }

.index_case_n .index_case_n_three .bottom{ width:100%; height:240px;position: relative;background-color: #5195c4;}
.index_case_n .index_case_n_three .bottom a{ width:100%; height:100%; overflow:hidden; display:block;}
.index_case_n .index_case_n_three .bottom .bjt{width: 100%;height: 100%;}
.index_case_n .index_case_n_three .bottom .bjt img{width: 100%;height:100%;transition: all ease 0.8s;-webkit-transition: all ease 0.8s;}
.index_case_n .index_case_n_three .bottom:hover .bjt img{transform:scale(1.1,1.1);transition: all ease 0.8s;-webkit-transition: all ease 0.8s;}
.index_case_n .index_case_n_three .bottom .txt{position: absolute;left: 0;top: 0;width: 100%;}
.index_case_n .index_case_n_three .bottom .txt h1{float: right;margin-right: 8%;margin-top:6%;}
.index_case_n .index_case_n_three .bottom .txt h1 img{}
.index_case_n .index_case_n_three .bottom .txt h2{float: left;width: 100%;text-align: center; color:#fff;}
.index_case_n .index_case_n_three .bottom .txt h2 p{font-size: 1.1em;}
.index_case_n .index_case_n_three .bottom .txt h2 span{display: block;margin-top: 2%;font-size: 1.0em;}
.index_case_n .index_case_n_three .bottom .txt h2 t{display:block;border-bottom: 2px solid #fff;width: 7%;margin:0 auto;margin-top: 3%;}
.index_case_n .index_case_n_three .bottom .txt h2 f{display: block;border: 1px solid rgba(255, 255, 255, 0.56);width: 26%;
    line-height: 1.9em;margin: 0 auto;margin-top: 4%;font-size: 0.5em;text-transform: uppercase;}
.index_case_n .index_case_n_three .bottom:hover .txt h2 f{background: #5A88C6; }

/*--手机版代码--*/
@media screen and  (max-width:1073px){
	.indexlist{display:none;}
	.hotpro{float:right;width:95%;border:#d8d8d8 1px solid;padding:1px;margin:0 2%;}
	.prolist{float:left;width:100%;padding-top:20px;}
	.prolist dl{float:left;width:96%;margin:0 2% 20px;}

	.indexad{display:none;}
	.indexad_m{display: block;float:left;width:100%;text-align: center;overflow: hidden;position: relative;clear:both;z-index: -1;}
	.indexad_m img {display: block;z-index:-1;width:100%;}
	.indexnews{float:left;width:95%;border:#d8d8d8 1px solid;padding:1px;margin:0 2% 2%;}
	.indexnews ul li a{font-size:0.8em;}
	.indexnews .time{display:none;}
	.indexnews1{float:left;width:95%;border:#d8d8d8 1px solid;padding:1px;margin:0 2%;}
	.indexnews1 ul li a{font-size:0.8em;}
	.indexnews1 .time{display:none;}
.index_case_n{ width:100%;}
.index_case_n .index_case_n_one{ width:100%; height:180px;}
.index_case_n .index_case_n_one .txt{ height:100%;}
.index_case_n .index_case_n_one .txt h2{ width:100%;margin-top:10%;}
.index_case_n .index_case_n_one .txt h1{ width:18px; height:18px; display:none;}
.index_case_n .index_case_n_one .txt h1 img{ width:100%; height:100%;}
.index_case_n .index_case_n_one .txt h2 span{ font-size:0.7em;}
.index_case_n .index_case_n_one .txt h2 b{font-size: 1em;width: 80%;}
.index_case_n .index_case_n_one .txt h2 f{width: 40%;font-size: 0.5em;}
.index_case_n .index_case_n_two{ width:50%;height:280px;}
.index_case_n .index_case_n_three{ width:50%;height:280px;}
.index_case_n .index_case_n_two .top .txt h1{ display:none;}
.index_case_n .index_case_n_two .bottom .txt h1{ display:none;}
.index_case_n .index_case_n_three .top .txt h1{ display:none;}
.index_case_n .index_case_n_three .bottom .txt h1{ display:none;}
.index_case_n .index_case_n_two .top{ height:140px;}
.index_case_n .index_case_n_two .bottom{ height:140px;}
.index_case_n .index_case_n_three .top{ height:140px;}
.index_case_n .index_case_n_three .bottom{ height:140px;}
.index_case_n .index_case_n_two .top .txt h2 f{width: 60%;font-size: 0.5em;}
.index_case_n .index_case_n_two .top .txt h2 span{ font-size:0.7em;margin-top: 22%;}
.index_case_n .index_case_n_two .bottom .txt h2 span{ font-size:1.2em;margin-top: 22%;}
.index_case_n .index_case_n_two .bottom .txt h2 f{width: 60%;font-size: 0.9em;}
.index_case_n .index_case_n_three .top .txt h2 span{ font-size:0.7em;margin-top: 22%;}
.index_case_n .index_case_n_three .top .txt h2 f{width: 60%;font-size: 0.5em;}
.index_case_n .index_case_n_three .bottom .txt h2 span{ font-size:1.2em;margin-top: 22%;}
.index_case_n .index_case_n_three .bottom .txt h2 f{width: 60%;font-size: 0.9em;}

.simple .exhibition ul li{width:50%}
.simple .exhibition ul li:nth-child(n+5){margin:0}
.simple .exhibition ul li{margin-bottom:5px;}
.productname,.propic{width:100%;}
.list ul li.cur a{
background: #cfe5fd url(../images/arrow_01.png) 5% center no-repeat;
}
}